@charset "UTF-8";
@-webkit-keyframes descHeadAnim { 0% { fill: none; stroke: white; stroke-width: 0; stroke-dasharray: 422, 0; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; }
  50% { stroke-width: 5; -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); }
  100% { fill: none; stroke: white; stroke-width: 0; stroke-dasharray: 100, 155; stroke-dashoffset: 48; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; } }
@keyframes descHeadAnim { 0% { fill: none; stroke: white; stroke-width: 0; stroke-dasharray: 422, 0; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; }
  50% { stroke-width: 5; -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); }
  100% { fill: none; stroke: white; stroke-width: 0; stroke-dasharray: 100, 155; stroke-dashoffset: 48; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; } }
.header { background-color: #72b0c5; background-image: url(../../media/bg1.png); background-position: center center; background-repeat: no-repeat; background-size: 100%; width: 100%; min-height: 100vh; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 1560px) { .header { background-position: 70% bottom; padding: 120px 0 50px 0; } }
@media screen and (max-width: 1300px) { .header { background-size: cover; background-position: 60% bottom; } }
@media screen and (max-width: 1150px) { .header { background-position: 70% bottom; } }
@media screen and (min-width: 850px) and (max-width: 1025px) { .header { background-position: top left; background-image: url(../../media/bg-mobile.png); background-size: 60%; background-repeat: no-repeat; background-color: #82a8bf; padding: 200px 0 50px 0; } }
@media screen and (min-width: 750px) and (max-width: 849px) { .header { background-position: top left; background-image: url(../../media/bg-mobile.png); background-size: 70%; background-repeat: no-repeat; background-color: #82a8bf; padding: 400px 0 50px 0; } }
@media screen and (min-width: 660px) and (max-width: 749px) { .header { background-position: right center; background-image: url(../../media/bg-mobile.png); background-size: 80%; background-repeat: no-repeat; padding: 400px 0 50px 0; background-color: #82a8bf; } }
@media screen and (min-width: 570px) and (max-width: 659px) { .header { background-position: top left; background-image: url(../../media/bg-mobile.png); background-size: 90%; background-repeat: no-repeat; background-color: #82a8bf; padding: 400px 0 50px 0; } }
@media screen and (min-width: 500px) and (max-width: 569px) { .header { background-position: top; background-image: url(../../media/bg-mobile.png); background-size: 100%; background-repeat: no-repeat; background-color: #82a8bf; padding: 400px 0 50px 0; } }
@media screen and (min-width: 200px) and (max-width: 499px) { .header { background-position: top; background-image: url(../../media/bg-mobile.png); background-size: 110%; background-repeat: no-repeat; background-color: #82a8bf; padding: 350px 0 50px 0; } }
@media screen and (max-width: 1400px) { .header { height: 100vh; } }
@media screen and (max-width: 1025px) { .header { height: auto; } }
@media screen and (max-height: 730px) { .header { background-position: center right; } }
@media screen and (max-width: 600px) and (max-height: 730px) { .header { background-position: top; } }
@media screen and (max-width: 600px) and (max-height: 650px) { .header { height: auto; padding: 400px 0 50 0; } }
@media screen and (max-width: 850px) { .header { background-position: top left; } }
.header .wrapper { width: 1450px; }
@media screen and (max-width: 1470px) { .header .wrapper { width: 100%; } }
@media screen and (min-width: 1026px) and (max-width: 1760px) { .header .wrapper { padding: 0 90px; } }
@media screen and (max-width: 1025px) { .header .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 30px; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }
.header .wrapper .left { width: 50%; color: white; }
@media screen and (max-width: 1025px) { .header .wrapper .left { width: 100%; height: 56%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 0 30px 0; } }
.header .wrapper .left span { font-size: 40px; font-weight: 300; display: none; }
@media screen and (min-width: 1026px) and (max-width: 1150px) { .header .wrapper .left span { font-size: 30px; } }
@media screen and (min-width: 400px) and (max-width: 1025px) { .header .wrapper .left span { font-size: 24px; } }
@media screen and (max-width: 399px) { .header .wrapper .left span { font-size: 18px; } }
.header .wrapper .left h1 { font-size: 65px; font-weight: 800; text-shadow: 0px 0px 10px rgba(137, 166, 179, 0.49); }
@media screen and (max-width: 1367px) { .header .wrapper .left h1 { font-size: 48px; } }
@media screen and (min-width: 1026px) and (max-width: 1150px) { .header .wrapper .left h1 { font-size: 44px; } }
@media screen and (min-width: 400px) and (max-width: 1025px) { .header .wrapper .left h1 { font-size: 32px; margin: 0 0 20px 0; } }
@media screen and (max-width: 399px) { .header .wrapper .left h1 { font-size: 22px; margin: 0 0 20px 0; } }
.header .wrapper .left .line { height: 1px; width: 40%; margin: 45px 0; background-color: white; }
@media screen and (max-width: 1150px) { .header .wrapper .left .line { margin: 25px 0; } }
@media screen and (max-height: 870px) { .header .wrapper .left .line { margin: 25px 0; } }
@media screen and (max-width: 1025px) { .header .wrapper .left .line { display: none; } }
.header .wrapper .left p { font-weight: 300; margin: 0 0 50px 0; font-size: 16px; text-shadow: 0px 0px 10px rgba(137, 166, 179, 0.49); }
@media screen and (max-width: 1367px) { .header .wrapper .left p { font-size: 16px; } }
@media screen and (max-width: 1150px) { .header .wrapper .left p { margin: 0 0 30px 0; } }
@media screen and (max-height: 870px) { .header .wrapper .left p { margin: 0 0 30px 0; } }
@media screen and (max-width: 1025px) { .header .wrapper .left p br { display: none; } }
.header .wrapper .left p.full_desc { font-size: 16px; font-weight: 400; letter-spacing: 0.4px; width: 100%; line-height: 23px; position: relative; margin: 30px 0 0 0; }
@media screen and (min-width: 850px) and (max-width: 1025px) { .header .wrapper .left p.full_desc { width: 50%; } }
.header .wrapper .left p.full_desc b { font-weight: 700; }
.header .wrapper .left p.full_desc svg { height: calc(100% + 40px); width: calc(100% + 60px); position: absolute; top: -20px; display: none; pointer-events: none; opacity: 0.2; left: -30px; }
.header .wrapper .left p.full_desc svg rect { fill: none; stroke: white; -webkit-animation-delay: 10s; animation-delay: 10s; -webkit-animation: descHeadAnim 3s ease infinite; animation: descHeadAnim 3s ease infinite; stroke-width: 0; stroke-dasharray: 422, 0; -webkit-transition: all 0.35s linear; transition: all 0.35s linear; }
.header .wrapper .left ul { font-weight: 400; font-size: 18px; }
@media screen and (max-width: 1150px) { .header .wrapper .left ul { font-size: 14px; } }
.header .wrapper .left ul li { list-style-type: none; line-height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; text-shadow: 0px 0px 10px rgba(150, 150, 150, 0.9); }
@media screen and (max-width: 1025px) { .header .wrapper .left ul li { line-height: 22px; } }
.header .wrapper .left ul li:before { content: "—"; display: block; margin: 0 5px 0 0; }
.header .wrapper .left .button-yellow { background-color: #ffe183; padding: 20px 50px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 10px; font-size: 24px; font-weight: 700; color: #333333; margin: 75px 0 0 0; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media screen and (min-width: 1026px) and (max-width: 1150px) { .header .wrapper .left .button-yellow { font-size: 18px; margin: 40px 0 0 0; } }
@media screen and (max-height: 870px) { .header .wrapper .left .button-yellow { margin: 40px 0 0 0; } }
@media screen and (max-width: 1025px) { .header .wrapper .left .button-yellow { font-size: 14px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; } }
@media screen and (max-width: 768px) { .header .wrapper .left .button-yellow { width: 100% !important; } }
.header .wrapper .left .button-yellow:hover { color: #333333; background-color: white; }
.header .wrapper .right { width: 50%; }
@media screen and (max-width: 1025px) { .header .wrapper .right { width: 100%; height: 44%; } }
@media screen and (max-height: 780px) { .header .wrapper .right { height: 400px; display: none; } }